<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
      <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<base href="<%=request.getContextPath() %>/">
		<!--http://fontawesome.dashgame.com/#basic  -->
		<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="css/classpage.css"/>
		<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
			<script src="js/lazyload.js" type="text/javascript" charset="utf-8"></script>
		
		<script type="text/javascript">
			$(function(){
				/* $(".btn-group a").click(function() {
					$(this).removeClass('btn-default');  
					$(this).addClass('defaultbtn');                          
				}); */
			}); 
		</script>
		<script type="text/javascript">
		
		/* <c:forEach items="${listone }" var="c">
		<div class="divtelevision" ">
			<div class="figure">
				<a href="spxq">
					<img src="imgs/chenimgs/classpagegoods.jpg" >
				</a>
			</div>
			<h4 class="figuretitle  textcase">${c.cdescribe}</h4>
			<div class="figuretitle figurecolor">${c.cname}</div>
			<p class="price">￥${c.sprice}</p>
			<div class="wrapper" style="display: none;">
				<a href="" type="button" class="btn btn-default">加入购物车</a>
				<a href="" type="button" class="btn btn-danger">立即购买</a>
			</div>
		</div>
	</c:forEach>	gldefault */
		$(function(){
			var nonenum="${none}";
			var mohu="${mohu}";
			var lidcol="${lidcol}";
			console.log(nonenum)
			if(nonenum!=1){
				$(".breadcrumb").css("display","block");
				$(".dlhost >dt").css("display","block");
				$(".dlhost>dd").css("display","block");
				
			}else{
				$(".breadcrumb").css("display","none");
				$(".dlhost>dt").css("display","none");
				$(".dlhost>dd").css("display","none");
			}
		
			if(mohu==5){
				$(".btn-group a:eq(0)").css({"color":"#da2a2a",
											"background":"#fff",
											"border-top":" 2px solid #da2a2a"});
			}
			if(lidcol==6){
				$(".btn-group a:eq(0)").css({"color":"#da2a2a",
					"background":"#fff",
					"border-top":" 2px solid #da2a2a"});
			}
				                                
			
		})
		</script>
		<script type="text/javascript">
			$(function(){
				var nonenum=$(".none").html;
				console.log(nonenum)
				if(nonenum==1){
					$("dt").css("display","none");
				}
			})
		</script>
		<style type="text/css">
			.my-header{
				margin-bottom: 75px
			}
			.my-header:after{
				content: ".";
				display: block;
				visibility: hidden;
				height:0px;
				clear: both;
			}
			
			.my-footer:after{
				content: ".";
				display: block;
				visibility: hidden;
				height:0px;
				clear: both;
			}
			.goodslist #none{
				border-top: 2px solid #da2a2a;
				color: #da2a2a;
				box-sizing: border-box;
				background: #fff;
			}
			
			/* dd .listinline .active {
			   
			    background: #ed1c24;
			  color: #fff; 
			   padding: 0 5px;
			   border-radius: 5px;
			    
			   
			} */
						
		</style>
		
 	<!-- <script type="text/javascript">
			$(function(){
				//显示 筛选状态
		        $('.dlhost dd').each(function(index, el) {
		            if(($(this).find('.nolimit').length)!=0){
		              if(($(this).find('.active').length)==0){
		                $(this).find('.nolimit').addClass('active');
		              }else{
		                $(this).find('.nolimit').removeClass('active');
		              }
		            }else{
		              return;
		            }
		        });
			})
		</script>  -->
	</head>
	<body>
	
		<div class="my-header">
			<jsp:include page="include/header.jsp"></jsp:include>
		</div>
		<div class="comtapage">
			<div class="glistpage">
				<!-- 面包屑 -->
				<ol class="breadcrumb">
					<li><a href="shouye">首页</a></li>
					<li class="active">${lname} </li>
				</ol>
				<!-- 分类详情表 -->
			
				<div class="panel defaultpnel">
					<div class="panelbody">
						<dl class="dlhost">
						<c:if test="${not empty sortlists}">
						 <dt>分类</dt> 
						
							<dd>
								<ul class="listinline">
								<c:forEach items="${sortlists}" var="c">
									<li><a href="classpage?v=fujiallgoods&zi=0&lid=${c.lid}">${c.lname}</a></li>
								</c:forEach>
									<!-- <li><a href="">全面屏电视</a></li>
									<li><a href="">超薄电视</a></li>
									<li><a href="">普通电视</a></li>
									<li><a href="">OLED电视</a></li>
									<li><a href="">曲面电视</a></li>
									<li><a href="">智能电视</a></li> -->
								</ul>
							</dd>
						</c:if>
							<dt>品牌</dt>
							<dd>
								<ul class="listinline">
									<li>
										<a  href="classpage?v=nolimitbrand&lid=${param.lid}" style='${empty nolimitb?"":"display:none"} ' >不限</a>
										<c:if test="${not empty nolimitb }">
										<a  class="" style='${not empty nolimitb?"":"display:none"};background: #ed1c24;color: #fff;padding: 0 5px;border-radius:5px;' >不限</a>
										</c:if>
									</li>
									
									<li>
										<%-- <a  href="classpage?v=brandkj&lid=${param.lid}">康佳（KONKA）</a> --%>
										<a  href="classpage?v=brandkj&lid=${param.lid}" style='${empty brandone?"":"display:none"} ' >康佳（KONKA）</a>
										<c:if test="${not empty brandone }">
										<a  class="" style='${not empty brandone?"":"display:none"};background: #ed1c24;color: #fff;padding: 0 5px;border-radius:5px;' >康佳（KONKA）</a>
										</c:if>
									</li>
									
									<li>
									<%-- 	<a href="classpage?v=brandkktv&lid=${param.lid}">KKTV</a> --%>
										<a  href="classpage?v=brandkktv&lid=${param.lid}" style='${empty brandtwo?"":"display:none"} ' >KKTV</a>
										<c:if test="${not empty brandtwo }">
										<a  class="" style='${not empty brandtwo?"":"display:none"};background: #ed1c24;color: #fff;padding: 0 5px;border-radius:5px;' >KKTV</a>
										</c:if>
									</li>
								</ul>
							</dd>
								
							<dt>价格</dt>
							<dd>
								<ul class="listinline">
									<li>
										<a  href="classpage?v=nolimit&lid=${param.lid}" style='${empty nolimit?"":"display:none"} ' >不限</a>
										<c:if test="${not empty nolimit }">
										<a  class="" style='${not empty nolimit?"":"display:none"};background: #ed1c24;color: #fff;padding: 0 5px;border-radius:5px;' >不限</a>
										</c:if>
									</li>
									
									<li>
										<a href="classpage?v=priceone&lid=${param.lid}" class="" style='${empty styleone?"":"display:none"} ' >599-999</a><!-- background: #ed1c24;color: #fff;padding: 0 5px;border-radius: 5px -->
										<c:if test="${not empty styleone}">
										<a href="classpage?v=priceone&lid=${param.lid}" class="nolimit active" style='${not empty styleone?"":"display:none"};background: #ed1c24;color: #fff;padding: 0 5px;border-radius:5px;' >599-999</a>
										</c:if>

 									</li>
									
									<li>
										<a href="classpage?v=pricetwo&lid=${param.lid}" class="nolimit active" style='${empty styletwo?"":"display:none"} ' >1000-2999</a>
										<c:if test="${not empty styletwo }">
										<a href="classpage?v=pricetwo&lid=${param.lid}" class="nolimit active" style='${not empty styletwo?"":"display:none"};background: #ed1c24;color: #fff;padding: 0 5px;border-radius:5px; ' >1000-2999</a>
										</c:if>
<%-- 									<a  href="classpage?v=pricetwo&lid=${param.lid}"></a>
 --%>								</li>
									
									<li>
										<a href="classpage?v=pricethree&lid=${param.lid}" class="nolimit active" style='${empty stylethree?"":"display:none"} ' >3000-4999</a>
										<c:if test="${not empty stylethree }">
										<a href="classpage?v=pricethree&lid=${param.lid}" class="nolimit active" style='${not empty stylethree?"":"display:none"};background: #ed1c24;color: #fff;padding: 0 5px;border-radius:5px;' >3000-4999</a>
										</c:if>

									</li>
									
									<li>
										<a href="classpage?v=pricefour&lid=${param.lid}" class="nolimit active" style='${empty stylefour?"":"display:none"} ' >5000-6999</a>
										<c:if test="${not empty stylefour }">
										<a href="classpage?v=pricefour&lid=${param.lid}" class="nolimit active" style='${not empty stylefour?"":"display:none"};background: #ed1c24;color: #fff;padding: 0 5px;border-radius:5px; ' >5000-6999</a>
										</c:if>
									</li>
									
									<li>
										<a href="classpage?v=pricefive&lid=${param.lid}" class="nolimit active" style='${empty stylefive?"":"display:none"} ' >7000-8999</a>
										<c:if test="${not empty stylefive }">
										<a href="classpage?v=pricefive&lid=${param.lid}" class="nolimit active" style='${not empty stylefive?"":"display:none"};background: #ed1c24;color: #fff;padding: 0 5px;border-radius:5px;' >7000-8999</a>
										</c:if>
									</li>
								</ul>
							</dd>
							<c:forEach items="${camlist}" var="s">
							<dt>${s.attname}</dt>
							<dd>
								 <ul class="listinline">
									<li><a href="" class="nolimit active" >不限</a></li>
									<c:forEach var="att" items="${s.attvalueslist}" >
									<li><a href="">${att.atvname}</a></li>
									</c:forEach>									
									<!-- <li><a href="">1.5-2.4米</a></li>  
									<li><a href="">1.6-3.1米</a></li>
									<li><a href="">1.8-3.4米</a></li>
									<li><a href="">2.4-4.2米</a></li> -->
								</ul>
							</dd>
							</c:forEach>
							<!-- <dt>屏幕尺寸</dt>
							<dd>
								<ul class="listinline">
									<li><a href="" class="nolimit active">不限</a></li>
									<li><a href="">19-32英寸</a></li>
									<li><a href="">39-43英寸</a></li>
									<li><a href="">48-50英寸</a></li>
									<li><a href="">55-58英寸</a></li>
									<li><a href="">60-65英寸</a></li>
									<li><a href="">70-75英寸</a></li>
									<li><a href="">75英寸以上</a></li>
								</ul>
							</dd>-->
						</dl> 
					</div>
				</div>
				<!-- 所有商品 -->
				<div class="goodslist">
					<div class="panel defaultpnel">
						<!-- 根据商品的一些进行排列 -->
						<div class="panelheading">
							<div class="frominline">
								<div class="btn-group order-btn btn-sm">
									
									<a  class="btn-default" href="classpage?v=idmor&cname=${cname}&lid=${param.lid}" style='${empty color?"":"display:none"} '>默认</a>
									<c:if test="${not empty color}">
									<a  class="btn-default" href="classpage?v=idmor&cname=${cname}&lid=${param.lid}" style='${not empty color?"":"display:none"};border-top: 2px solid #da2a2a;color: #da2a2a;box-sizing: border-box;background: #fff;'>默认</a>
									</c:if>
								
									<a  href="classpage?v=prices&cname=${cname}&lid=${param.lid}" class="iconchange btn-default" style='${empty colors?"":"display:none"}'>
										价格
										<i class="fa fa-long-arrow-up btn-xss " style="font-size:15px"></i>
									</a>
									
									<c:if test="${not empty colors}">
									<a  href="classpage?v=prices&cname=${cname}&lid=${param.lid}" class="iconchange btn-default" style='${not empty colors?"":"display:none"};border-top: 2px solid #da2a2a;color: #da2a2a;box-sizing: border-box;background: #fff;' >
										价格
										<i class="fa fa-long-arrow-up btn-xss " style="font-size:15px"></i> 
									</a>
									
									</c:if>
									
									
									<a  href="classpage?v=pricedao&cname=${cname}&lid=${param.lid}" class="iconchange btn-default" style='${empty daolid?"":"display:none"}'>
										价格
										<i class="fa fa-long-arrow-down btn-xss " style="font-size:15px"></i>
									</a>
									
									<c:if test="${not empty daolid}">
									<a  href="classpage?v=pricedao&cname=${cname}&lid=${param.lid}" class="iconchange btn-default" style='${not empty daolid?"":"display:none"};border-top: 2px solid #da2a2a;color: #da2a2a;box-sizing: border-box;background: #fff;' >
										价格
										<i class="fa fa-long-arrow-down btn-xss " style="font-size:15px"></i> 
									</a>
									
									</c:if>
									
									<a href="classpage?v=zuinews&cname=${cname}&lid=${param.lid}" class="anone"" class="btn-default"  style='${empty colornew?"":"display:none"}'>最新</a>
								
						 			<c:if test="${not empty colornew}">
						 			<a href="classpage?v=zuinews&cname=${cname}&lid=${param.lid}" class="anone"" class="btn-default" style='${not empty colornew?"":"display:none"};border-top: 2px solid #da2a2a;color: #da2a2a;box-sizing: border-box;background: #fff;' >最新</a>
						 			</c:if>
								
								</div>
								<!-- 商品分页 -->
								<div class="arrow">
									<div class="btn-group btn-sm goodsnum-page">
										<span class="redco current">${morcha.pageNo}</span>
										<span >/</span>
										<span class="totals">${morcha.getPageCount()}</span>
									</div>
									<div class="btn-group btn-sm page-change">
										<span class="prev">
											<a href="classpage?v=${method}&pageno=${morcha.getPrev()}&cname=${cname}&lid=${param.lid}" class="anone">
												<img src="imgs/chenimgs/youbianjto.png" style="vertical-align: text-bottom">
											<input type="hidden" name="cname" value="${param.cname}">
											<input type="hidden" name="lid" value="${param.lid}">
											</a>
										</span>
										
										<span class="nexts">
											<a href="classpage?v=${method}&pageno=${morcha.getNext()}&cname=${cname}&lid=${param.lid}" class="anone">
												<img src="imgs/chenimgs/zuobianjto.png" style="vertical-align: text-bottom">
											</a>
										</span>
									</div>
								</div>
							</div>
						</div>
					</div>
				<!-- 具体的商品 -->
				<div class="gldefault">
				<c:forEach items="${morcha.data}" var="c">
					<div class="divtelevision">
						<div class="figure">
							<a href="spxq?cid=${c.cid}">
								<img class="samLazyImg" src="http://a.tbcdn.cn/mw/webapp/fav/img/grey.gif"    dataimg="${c.cmain_img }"  alt="">
								<%-- <img src="${c.cmain_img }" > --%>
							</a>
						</div>
						<h4 class="figuretitle  textcase">${c.cname}</h4>
<%-- 						<div class="figuretitle figurecolor">${c.cname}</div>
 --%>						<p class="price">￥${c.sprice}</p>
						<div class="wrapper" style="display: none;">
							<a href="" type="button" class="btn btn-default">加入购物车</a>
							<a href="" type="button" class="btn btn-danger">立即购买</a>
						</div>
					</div>
				</c:forEach>	
				</div>
				
				
				</div>	
			</div>
		</div>
		<div class="my-footer">
			<jsp:include page="include/footer.jsp"></jsp:include>
		</div>
	</body>
</html>
      